// import dark theme
@use "./dark/index.scss" as *;

//明亮模式->自定义变量
:root {
  --theme-icon: black;
  --border-color: #dcdfe6;
  --title-family: "苹方 常规", "苹方", sans-serif;
  --font-color: #495060;
  --font-color-gray: #d9d9d9;
  --background-color: var(--el-bg-color);
  --background-color-hover: var(--el-fill-color-light);
  --background-color-gray: #f5f7f9;
  --login-input: #fff;
  --mobile-maxWidth: 992px;
  --tabs-header-height: 2.3rem;
  //悬浮背景色
  --hover-bg: #fafafb;
  //外阴影
  --box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.349019607843137);
  // element-plus
  --el-color-success: #393D49 !important;
  --el-color-success-light-3: #6fcfa1 !important;
  --el-color-success-light-9: rgb(240 249 235 / 50%) !important;
  --el-color-primary: var(--el-color-success) !important;

  //登录页面
  --login-bg-color: #eceff4;
  --login-form-title: rgb(60, 51, 99);

  //导航栏
  --navBar-bg-color: var(--el-color-success);
  --navBar-height: 3rem;
  --breadcrumb-height: 2.5rem;

  //左侧菜单
  --sideMenu-width: 13rem;
  --sideMenu-border-color: rgba(242, 242, 242, 1);
  //父菜单
  --subMenu-bg: #f9f9f9;
  --subMenu-text: #333333;
  --subMenu-bg-hover: #f5f5f5;
  --subMenu-text-hover: #333333;
  //子菜单
  --menuItem-bg: #fcfcfc;
  --menuItem-text: var(--el-color-blcak);
  --menuItem-bg-hover: var(--el-fill-color);
  --menuItem-text-hover: var(--el-color-success);
  --menuItem-activeText: var(--el-color-success);
}
